/* Grid */
/* Cells */
.u12 { width: 100%; }
.u11 { width: 91.6666666667%; }
.u10 { width: 83.3333333333%; }

.u9 { width: 75%; }
.u8 { width: 66.6666666667%; }
.u7 { width: 58.3333333333%; }
.u6 { width: 50%; }
.u5 { width: 41.6666666667%; }
.u4 { width: 33.3333333333%; }
.u3 { width: 25%; }
.u2 { width: 16.6666666667%; }

.u1 { width: 8.3333333333%; }
/* Rows */
.row > * {
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row:after {
content: '';
display: block;
clear: both;
height: 0;
}
.row:first-child > * {
padding-top: 0;
}
.row > * {
padding-top: 0;
}


/* Normal
================================================== */
/* Container */
.container {
width: 80%;
margin: 0 auto;
}
/* Gutters */
.row > * {
/* padding: (gutters) 0 0 (gutters); */
padding: 10px 0 0 10px;
}
.row + .row > * {
/* padding-top: (gutters) */
padding-top: 20px;
}
.row {
/* margin-left: (gutters) */
margin-left: 0px;
}
/* breakpoint */
.only-wide,.only-narrow,.only-mobile{display:none !important;}
.not-normal{display:none;}

/* Wide
================================================== */
@media only screen and (min-width: 1200px) {
        /* Container */
        .container {
        max-width: 1080px;


        }
        /* Gutters */
        .row > * {
        padding: 20px 0 0 20px;
        }
        .row + .row > * {
        padding-top: 20px;
        }
        .row {
        margin-left: -20px;
        }
        /* breakpoint */
        .not-normal{display:inline-block;}
        .not-wide{display:none !important;}
        .only-normal{display:none !important;}
        .only-wide{display:inline-block !important;}
}

/* Narrow
================================================== */
@media only screen and (min-width: 651px) and (max-width: 980px) {
        /* Container */
        .container {
        width: auto;
        margin:0;
        }
        /* Cells 
        .u12,.u11,.u10,.u9,.u8,.u7,.u6,.u5,.u4,.u3,.u2,.u1 { width: 100%; }*/
        /* Gutters */
        .row > * {
        padding: 20px 0 0 20px;
        }
        .row + .row > * {
        padding-top: 20px;
        }
        .row {
        margin-left: -20px;
        }
        /* breakpoint */
        .not-normal{display:inline-block;}
        .not-narrow{display:none !important;}
        .only-normal{display:none !important;}
        .only-narrow{display:inline-block !important;}
}

/* Mobile
================================================== */
@media only screen and (max-width: 650px) {
        /* Container */
        .container {
        width: auto;
        margin:0;
        }
        /* Cells */
        .u12,.u11,.u10,.u9,.u8,.u7,.u6,.u5,.u4,.u3,.u2,.u1 { width: 100%; }
        /* Gutters */
        .row > * {
        padding: 20px 0 0 20px;
        }
        .row + .row > * {
        padding-top: 20px;
        }
        .row {
        margin-left: -20px;
        }
        /* breakpoint */
        .not-normal{display:inline-block;}
        .not-mobile{display:none !important;}
        .only-normal{display:none !important;}
        .only-mobile{display:inline-block !important;}
}

/* Modifiers */
/* Flush */
.row.flush {
margin-left: 0;
}
.row.flush > * {
padding: 0 !important;
}